<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>北大青鸟布局</title>
		<style>
			#nav #menu {
				position: absolute;
				right: 381px;
				bottom: 225px;

			}

			#nav #menu li {
				list-style-type: none;
				background-color: #FFFFFF;
				float: left;
				margin: 10px;
				/* color: #FFFFFF; */
				border-radius: 50%;
				height: 10px;
				width: 10px;
			}

			.clear:after {
				display: block;
				height: 0;
				content: '';
				clear: both;
			}

			#nav #menu li:hover {
				background-color: #0025A6;
				cursor: pointer;
			}

			div#right div#fixed ul {
				list-style-type: none;
				background-color: #7FFFD4;
				width: 75px;
				height: 180px;
				position: fixed;
				right: 0;
				top: 80px;

			}

			li a {
				text-decoration: none;
				line-height: 45px;
			}
		</style>
	</head>
	<body>
		<div id="nav">
			<img src="../img/7.20/1.jpg" />
			<ul id="menu" class="clear">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div id="right">
			<div id="fixed">
				<ul>
					<li><a href="#">微信</a></li>
					<li><a href="#">咨询</a></li>
					<li><a href="#">反馈</a></li>
					<li><a href="#">顶部</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
